<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta http-equiv="Cache-Control" content="no-cache">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="{$className}汽车报价,汽车价格">
<meta name="description" content="绍兴在线为您提供最新汽车报价：提供{{$className}}汽车报价及信息查询，购车聊车就上绍兴在线！">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"
      name="viewport" id="viewport">

<title>{$className}汽车报价_汽车在线_手机绍兴在线</title>

<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/Car/wap_car_0815v4.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/Car/onhead.css">


</head>

<body>

<!-- header 初始 -->
<header>
    <div id="j_artcileMain" class="articleHead" data-sudaclick="header">
        <div class="mainNav">
            <a class="gIcon sinaLogo" href="{:U('Index/index')}"></a>
            <span class="navLine"></span>
            <a class="gIcon levelOne" href="{:U('Car/index')}">汽车</a>
            <a class="gIcon levelTwo" href="{:U('CarLibrary/carlib')}">车型库</a>
            <a href="http://news.sina.cn/?sa=t124d8889597v84&vt=4" class="gIcon navBtn">网站导航</a>
        </div>
    </div>
    <!--<div id="j_top_tips" class="meg_tips meg_tips_wrap">-->
    <!--<p class="meg_tips_t">有0条新闻更新，点击查看</p>-->
    <!--</div>-->
</header>

<div class="wrap">

<style>
    .select-type .curr {
        background: none repeat scroll 0 0 #0095e3;
        color: #fff;
    }
</style>
<!-- container -->
<div id="container">
    <div class="top-select">

        <ul>
            <li class="select1">
                <div class="back">
                    <span><em class="arrow"></em></span>
                    <select id="brand">
                        <option value="">按品牌</option>
                        <optgroup label="A">
                            <assign name="o_num" value="A"/>
                            <foreach name="DataGc" item="gc">
                                <if condition=" $gc.Zimu neq $o_num ">
                                    </optgroup>
                                    <optgroup label="{$gc.Zimu}">
                                    <assign name="o_num" value="$gc.Zimu"/>
                                </if>
                                        <option value="{$gc.ClassID}"
                                        <if condition=" $gc.ClassID eq $parentID ">
                                            selected
                                        </if>
                                        >{$gc.ClassName}  </option>
                            </foreach>
                        </optgroup>
                    </select>

                </div>
            </li>
            <li class="select1">
                <div class="back">
                    <span><em class="arrow"></em></span>
                    <select id="price">
                        <option value="99"
                        <if condition=" $price eq '99' "> selected</if>
                        >按价格</option>

                        <foreach name="Think.config.CAR_PRICE" item="carPrice">
                            <option value="{$key}"
                            <if condition=" $price eq $key "> selected</if> >{$carPrice.TITLE}</option>
                        </foreach>
                    </select>
                </div>
            </li>
            <li class="select1">
                <div class="back">
                    <span><em class="arrow"></em></span>
                    <select id="stype">
                        <option value="99"
                        <if condition=" $stype eq '99' "> selected</if>
                        >按车型</option>

                        <foreach name="Think.config.CAR_TYPE" item="carType">

                            <option value="{$key}"
                            <if condition=" $stype eq $key "> selected</if>>{$carType.TITLE}</option>

                        </foreach>
                    </select>
                </div>
            </li>
        </ul>
    </div>

    <div class="top-select-detail">
        <div class="select-type">
            <ul>
                <li>
                    <a href="{:U('index?parentID='.$parentID.'&price='.$price.'&order=down')}">价格
                        <em class="arrow-down"></em></a></li>
                <li class="fontbold f14"><a
                        href="{:U('index?parentID='.$parentID.'&price='.$price.'&order=up')}">价格
                    <em class="arrow-up"></em></a></li>
            </ul>
        </div>
        <div class="car-detail" id="car-container">

            <foreach name="DataGCcar" item="GCcar">
                <a href="{:U('CarLibrary/car',array('ClassID'=>$GCcar['ClassID'] ))}" class="clearfix">
                    <dl>
                        <dt><img src="{$Think.config.APP_WEB_URL}{$GCcar.thumbnail}" width="90" height="60"></dt>
                        <dd>
                            <h3 class="car-detail-h3">{$GCcar.ClassName}</h3>
                            <if condition=" ($GCcar.mincsprice != null) and ($GCcar.maxcsprice != null) ">
                                <p class="car-detail-p">指导价：{$GCcar.mincsprice} - {$GCcar.maxcsprice}万</p>
                                <else/>
                                <p class="car-detail-p">指导价：<em class="red">暂无报价</em></p>
                            </if>

                            <if condition=" ($GCcar.minjxsprice != null) and  ($GCcar.maxjxsprice != null)">
                                <p class="car-detail-p">市场价：<em class="red">{$GCcar.minjxsprice} - {$GCcar.maxjxsprice}万 </em></p>
                                <else/>
                                <p class="car-detail-p">市场价：<em class="red">暂无报价</em></p>
                            </if>

                            <p class="car-detail-p miaosha">秒杀折扣：<em class="red2">9.9折起</em></p></dd>
                        <!-- 订阅 -->
                        <div class="dy-btn" data-carid="{$GCcar.ClassID}">订阅</div>
                        <!--/ 订阅 -->
                    </dl>
                </a>
            </foreach>

        </div>
    </div>
    <div class="more-box" id="getMore">
        <a href="javascript:void(0);" class="more">加载更多 </a>
    </div>


    <div class="more-bottom-blank"></div>
</div>
<!-- / container -->

<include file="./APP/Tpl/Car/xjfrom.html"/>

<!--foot-->
<include file="./APP/Tpl/Car/carfoot.html"/>
<!--/ foot -->
<script src="__PUBLIC__/js/zepto.min.js"></script>
<!--<script src="__PUBLIC__/index_files/header.footer.min.js"></script>-->
<div id="back_to_top" class="gotop_btn" data-sudaclick="backtop"></div>
<script type="text/javascript">
    <!--
    (function ($) {
        $(window).scroll(function () {
            var top = $(window).scrollTop();
            var bHeight = $(document).height();
            var h = $(window).height();
            var pHeight = bHeight - h;
            if (top > 100) {
                if (top >= (pHeight - 120)) {
                    $("#back_to_top").hide();
                } else {
                    $("#back_to_top").show();
                }
            } else {
                $("#back_to_top").hide();
            }
        });
        //点击返回头部效果
        $("#back_to_top").click(function () {
            window.scrollTo(0, 0);
        });

        $(document).on("click", "a", function () {
            if ($(this).attr('href').indexOf("cxks") != -1) {
                return true;
            }
            if ($(this).attr('href').indexOf("#") != -1) {
                return true;
            }
            if ($(this).attr('href').indexOf("void(0)") != -1) {
                return true;
            }
            if ($(this).attr('href').indexOf("?") != -1) {
                $(this).attr('href', ($(this).attr('href') + "&cxks=" + $CONFIG.source));
            } else {
                $(this).attr('href', ($(this).attr('href') + "?cxks=" + $CONFIG.source));
            }
            return true;
        });
    })(Zepto);
    //-->
</script>

<script type="text/javascript">
    <!--
    (function ($) {

        brand = $("#brand").val();
        price = $("#price").val();
        stype = $("#stype").val();

        var type = '';
        var typevalue = '';
        var page = 1;

        $("#brand,#price,#stype").change(function () {
            brand = $("#brand").val();
            price = $("#price").val();
            stype = $("#stype").val();
            var url = '/index.php/?m=CarLibrary&a=index&parentID=' + brand + '&price=' + price + '&stype=' + stype;
            window.location.href = url;
        });

        $('#getMore').click(function () {
            getMore();
            mcDataInit();
        });


        var getMore = function () {
            $.getJSON('/index.php/?m=CarLibrary&a=searchType&parentID=' + brand + '&price=' + price + '&stype=' + stype + '&page=' + page, function (data) {

                var html = '';
                if (data.status == 1 && data.data) {
                    for (var i in data.data) {
                        html += '<a href="" class="clearfix">';
                        html += '<dl>';
                        html += '<dt><img src="{$Think.config.APP_WEB_URL}' + data.data[i].thumbnail + '" width="90" height="60"></dt>';
                        html += '<dd>';
                        html += '<h3 class="car-detail-h3">' + data.data[i].ClassName + '</h3>';
                        if (data.data[i].mincsprice && data.data[i].mancsprice) {
                            html += '<p class="car-detail-p">指导价：' + data.data[i].mincsprice + '-' + data.data[i].maxcsprice + '万</p>';
                        } else {
                            html += '<p class="car-detail-p">指导价： 暂时无报价 </p>';
                        }

                        if (data.data[i].minjxsprice && data.data[i].maxjxsprice ) {
                            html += '<p class="car-detail-p">市场价：<em class="red">' + data.data[i].minjxsprice + '-' + data.data[i].maxjxsprice + '万</em></p>';
                        } else {
                            html += '<p class="car-detail-p">市场价：<em class="red">暂时无报价</em></p>';
                        }
                        html += '</dd>';
                        //html += '<div class="dy-btn" data-carid="' + data.data[i].ClassID + '">订阅</div>';
                        html += '</dl>';
                        html += '</a>';
                    }
                    $(html).appendTo($("#car-container"))

                    if (data.data.length < 10) {
                        $('#getMore').hide();
                    } else {
                        $('#getMore').show();
                    }
                }
            });
            page += 1;
        }

        var mcDataInit = function () {
            $('.miaosha').remove();
            getMore.carArr = [];
            $('#car-container a').each(function () {
                getMore.carArr.push($(this).attr('data-carid'));
            });
            if (getMore.carArr.length > 0) {

            }
        };
        mcDataInit();
    })(Zepto);

    //-->
</script>
</div>
</body>
</html>